<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>codefun</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="setting.css" />
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row items-center flex-auto group_5">

        <div class="flex-col flex-auto group_7 space-y-24">
          <div class="flex-col section_5 space-y-42">
            <div class="flex-col items-start group_9 space-y-18">
              <span class="font_6 text_10">Account</span>
              <span class="font_1 text_11">This information can be edited from your profile page.</span>
            </div>
            <div class="flex-col">
              <div class="flex-row justify-between items-center group_11">
                <div class="flex-row items-center group_12 space-x-16">
                  <img
                    class="shrink-0 image_8"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273131964858572.png"
                  />
                  <div class="flex-col items-start shrink-0 space-y-10">
                    <span class="font_1">Kinanthi Ayani</span>
                    <span class="font_8 text_6">kinanthiayani@mail.com</span>
                  </div>
                </div>
                <div class="flex-row items-center group_13 space-x-26">
                  <span class="font_7 text_12">Edit Profile</span>
                  <img
                    class="shrink-0 image_9"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273132529473721.png"
                  />
                </div>
              </div>
              <img
                class="image_10"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273131828408247.png"
              />
              <div class="flex-row justify-between items-center group_14">
                <div class="flex-col items-start group_16 space-y-8">
                  <span class="font_1">Change Password</span>
                  <span class="font_8 text_6">Forgot your password, find back in seconds</span>
                </div>
                <div class="flex-row items-center group_17 space-x-14">
                  <span class="font_7 text_14">Update Password</span>
                  <img
                    class="shrink-0 image_9"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273132529473721.png"
                  />
                </div>
              </div>
            </div>
          </div>
          <div class="flex-col section_6">
            <div class="flex-col self-start group_19">
              <span class="self-start font_6 text_16">Notification</span>
              <span class="text_2 text_17">
                Receive notifications, requests to write a review, pricing notices, and other reminders related to your
                activities on Building platform.
              </span>
              <span class="self-start font_9 text_18">General</span>
            </div>
            <div class="flex-col group_21">
              <div class="flex-row justify-between items-center group_22">
                <span class="font_10">Anyone follow me</span>
                <img
                  class="image_14"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/bc823ef47264757d44cc9782eb1e9d24.png"
                />
              </div>
              <img
                class="image_10"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273131828408247.png"
              />
              <div class="flex-row justify-between items-center group_22">
                <span class="font_10 text_19">Anyone send a message</span>
                <img
                  class="image_14"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/1b80693a9322e74d56f8fed49fee8022.png"
                />
              </div>
              <img
                class="image_10"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273131828408247.png"
              />
              <div class="flex-row justify-between items-center group_22">
                <span class="font_10">Anyone seeing my profile page</span>
                <img
                  class="image_14"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/1b80693a9322e74d56f8fed49fee8022.png"
                />
              </div>
              <img
                class="image_10"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273131828408247.png"
              />
              <div class="flex-row justify-between items-center group_22">
                <span class="font_10 text_20">Reviews</span>
                <img
                  class="image_14"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/bc823ef47264757d44cc9782eb1e9d24.png"
                />
              </div>
              <img
                class="image_10"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273131828408247.png"
              />
              <div class="flex-row justify-between items-center group_22">
                <span class="font_10">Activity Update</span>
                <img
                  class="image_14"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/bc823ef47264757d44cc9782eb1e9d24.png"
                />
              </div>
            </div>
            <span class="self-start font_9 text_22">Email</span>
            <div class="flex-col group_27">
              <div class="flex-row justify-between items-center group_11">
                <span class="font_10">Anyone follow me</span>
                <img
                  class="image_14"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/bc823ef47264757d44cc9782eb1e9d24.png"
                />
              </div>
              <img
                class="image_10"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273131828408247.png"
              />
              <div class="flex-row justify-between items-center group_28">
                <span class="font_10 text_23">Anyone repost</span>
                <img
                  class="image_14"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/bc823ef47264757d44cc9782eb1e9d24.png"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>